<template>
    <div class="weekend">        
        <p class="hots-title">周末去哪儿</p>
        <div v-for="item of weekend" :key="item.id" >
          <img :src="item.imgUrl" alt="">
          <div class="weekend-text">            
              <h4>{{item.title}}</h4>
              <p>{{item.content}}</p>
          </div> 
        </div>        
    </div>
</template>
<script>
export default {
  name: "Weekend",
  props: {
    weekend: {
      type: Array
    }
  }
};
</script>
<style lang="scss" scoped>
.weekend {
  .weekend-text {
    margin: 20px;
    text-align: left;
  }
  img {
    width: 100%;
  }
  .hots-title {
    line-height: 60px;
    background: #eee;
    text-align: left;
    padding: 20px;
  }
}
</style>
